import { legacy_createStore as createStore } from 'redux'
import counterReducer from './reducers/counter'
import { decrement, increment } from './actions/counter'

// 参数：reducer
// 返回值：store 实例
const store = createStore(counterReducer)

// 输出当前的状态
console.log(store.getState()) // 10

// 通过 store.dispatch 派发一个 action
// 一旦派发了 action，reducer 就会自动执行
// 把执行完毕后的结果返回给 store
/* store.dispatch({ type: 'INCREMENT', payload: 3 })
store.dispatch({ type: 'INCREMENT', payload: 4 })
store.dispatch({ type: 'INCREMENT', payload: 5 }) */
// 通过 actionCreator 生成 action，简化代码
store.dispatch(increment(3))
console.log(store.getState()) // 13

store.dispatch(decrement(5))
console.log(store.getState()) // 8

store.dispatch(increment(2))
console.log(store.getState()) // 10

// 有没有办法监听派发的 action，监听到后执行对应的回调
